<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" >
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>钱包</title>
    <link rel="stylesheet" href="__CSS__/ming_common.css">
    <link rel="stylesheet" href="__CSS__/ming.css">
    <style>
        .header{
            background:#005AAB;
            border-bottom: 1px solid #005AAB;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
            margin: 0 2.5%;
        }
        .content_header{
            border-bottom-left-radius: 12px;
            border-bottom-right-radius: 12px;
            margin: 0 2.5%;
            width: 95%;
        }
        .content_header ul li a{
            border: none;
        }
        .title_history{
            border: none;
        }
        .content_header ul li a{
            background: #0066AD;
            padding: .05rem 0;
        }
        .content_header{
            padding-top: 0;
        }
    </style>
</head>

<body style="padding-top: 38px">
<header class="header">
    <a href='javascript:history.back(-1)' style="display:flex;align-items:center;width: 5rem">
        <!--<img src="__IMG__/Return.png" alt=""></a>-->
        <img src="__IMG__/ex/back.png" alt="" style="width: .2rem;padding-right: .25rem">
        <p class="title_assets" style="color: #fff">我的资产折合(USDT)</p>
    </a>

    <select name="exchange" id="exchange">
        <option value="0" style="display: none">币种</option>
        <option value="1">USDT</option>
        <option value="2">DACM</option>
    </select>
</header>
<section class="content">
    <div class="content_header">
        <div class="select_pos" style="text-align: right">

        </div>
        <div class="content_header_money">
<!--            <div>-->
<!--                我的资产折合(USDT)-->
<!--            </div>-->
            <div style="float:right">
                <img id="lookPassword" src="__IMG__/ex/downps.png" alt="" width="20rem">
            </div>
            <div style="margin-top:.2rem">
<!--                <span  style="font-size: 24px">0.00000216</span>-->
                <input type="password" value="{$user.z8}" id="passwd"
                       style="outline: none;border: none;font-size: 24px;background: transparent;width:45%;color: #fff;"
                       disabled>

            </div>
            <p id="huilv" style="font-size: 14px;display: none;color: #fff;">≈{$user['z8']*$config['b2']||round=3}CNY</p>
<!--            <div>-->
<!--                <p>USDT</p>-->
<!--                <p>{$user.z8}</p>-->
<!--            </div>-->
<!--            <div>-->
<!--                <p>DACM</p>-->
<!--                <p>{$user.z2}</p>-->
<!--            </div>-->
<!--            <p>USDRT-ERC20<span>{$user.z8}</span></p>-->

<!--            <p>ASSET  <span>{$user.z7}</span></p>-->

        </div>

        <div class="content_header_money2" style="display: none">

<!--            <div>-->
<!--                我的资产折合(DACM)-->
<!--            </div>-->
            <div style="float:right">
                <img id="lookPassword2" src="__IMG__/ex/downps.png" alt="" width="20rem">
            </div>
            <div style="margin-top:.2rem">
                <!--                <span  style="font-size: 24px">0.00000216</span>-->
                <input type="password" value="{$user.z2}" id="passwd2"
                       style="outline: none;border: none;font-size: 24px;background: transparent;width:45%;color: #fff;"
                       disabled>
               
            </div>
            <p id="huilv2" style="font-size: 14px;display: none;color: #fff;">≈{$user['z2']/$config['b3']*$config['b2']||round=3}CNY</p>
            <!--            <div>-->
            <!--                <p>USDT</p>-->
            <!--                <p>{$user.z8}</p>-->
            <!--            </div>-->
            <!--            <div>-->
            <!--                <p>DACM</p>-->
            <!--                <p>{$user.z2}</p>-->
            <!--            </div>-->
            <!--            <p>USDRT-ERC20<span>{$user.z8}</span></p>-->

            <!--            <p>ASSET  <span>{$user.z7}</span></p>-->

        </div>
        <ul>
            <!--<li><a href="{:U('Property/zhuanshou')}"><span style="font-size: 0.3rem">充币</span></a></li>-->
            <li><a href="{:U('Property/charge_reply')}"><span style="font-size: 0.3rem">充币</span></a></li>
            <li><a href="{:U('Property/zhuanzhang')}"><span style="font-size: 0.3rem">提币</span></a></li>
            <li><a href="{:U('Finance/live')}"><span style="font-size: 0.3rem">划转</span></a></li>
        </ul>
    </div>
    <div class="qianbao">
        <div class="title_history">
            <h5>财务记录</h5>
            <img src="__IMG__/ex/shaixuan.png" alt="" style="float: right;padding-right: .3rem;" width="20rem">
        </div>
        <ul>
            <volist name="coinListData" id="vo" empty="">
            <li>

                <if condition="$vo['type'] eq 1">
                    <h3 class="font-h3">转入</h3>
                    <else/>
                    <h3 class="font-h3">转出</h3>
                </if>
                <div class="flex_history">
                    <div>
                        <p class="font-color">数量（{$vo['coinname']|strtoupper}）</p>
                        <p>{$vo['amount']}</p>
                    </div>

                    <div>
                        <p class="font-color">状态</p>
                        <if condition="$vo['status'] eq 1">
                            <p>已完成</p>

                            <elseif condition="$vo['status'] eq 2" />
                            <p style="color: red;">审核中</p>

                            <else/>
                            <!--<p style="color: red;">已驳回</p>-->
                            <p style="color: red;">失败</p>
                        </if>
                    </div>

                    <div>
                        <p class="font-color">时间</p>
                        <!--<p>13:23 04/20</p>-->
                        <if condition="$vo['endtime'] eq 0 || $vo['type'] eq 2">
                            <!--<p>-&#45;&#45;</p>-->
                            <p>{$vo['addtime']|date='H:i:s m-d',###}</p>
                            <else/>
                            <p>{$vo['endtime']|date='H:i:s m-d',###}</p>
                        </if>
                    </div>
                </div>

            </li>
            </volist>
            <!--<li>-->
                <!--<h3 class="font-h3">转出</h3>-->
                <!--<div class="flex_history">-->
                    <!--<div>-->
                        <!--<p class="font-color">数量（USDT）</p>-->
                        <!--<p>70.02835600</p>-->
                    <!--</div>-->

                    <!--<div>-->
                        <!--<p class="font-color">状态</p>-->
                        <!--<p>已完成</p>-->
                    <!--</div>-->

                    <!--<div>-->
                        <!--<p class="font-color">时间</p>-->
                        <!--<p>13:23 04/20</p>-->
                    <!--</div>-->
                <!--</div>-->

            <!--</li>-->
            <div class="page1"><ul><li>{$page}</li></ul></div>
        </ul>

    </div>
</section>

<style>
    .header{
        background:#005AAB;
        border-bottom: 1px solid #005AAB;
    }
    .content_header a{
        background: rgba(91, 91, 101, .2);
        border:1px solid #dedede;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin: .1rem;
    }
    .qianbao {
        padding: 0 2.5%;
        box-sizing: border-box;
    }

    .bi_record {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        line-height: .7rem;
        font-size: .28rem;
        border-bottom: 1px solid #eaeaea;
        padding: .3rem 0;
    }

    .bi_record p {
        width: 50%;
    }

    .bi_record p:last-child {
        width: 100%;
    }

    .bi_record p>span:first-child {
        margin-right: .2rem;
    }

    .bi_record p>span:last-child {
        font-weight: 700;
    }
    /*.content_header_money{*/
    /*    display: flex;*/
    /*    justify-content: space-around;*/
    /*    align-items: center;*/
    /*}*/
    .content_header_money p{
        text-align: center;
    }
    select{
        background:#005AAB;
        color: #fff;
    }
    .flex_history{
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #F1F3F4;
        padding: .2rem 0;
    }
    .flex_history div:last-child{
        text-align: right;
    }
    .font-color{
        color: #A9A9A9;
        padding: .1rem 0;
    }
    .font-h3{
        font-weight: bold;
        padding: .1rem 0;
    }
    .select_pos{
        position: absolute;
        top: 1.3rem;
        right:.2rem;
    }
</style>

</body>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script>
    const handleLookPs = () => {
        let psFlag = true
        let ImagePs = document.querySelector('#lookPassword');
        let pwd = document.getElementById('passwd');
        let psInput = ImagePs.parentNode.children[3];
        let huilv = document.getElementById('huilv')
        console.log(pwd);
        console.log(huilv);

        ImagePs.onclick = function () {
            if (psFlag) {
                psFlag = !psFlag
                pwd.type = 'text'
                this.src = '__IMG__/ex/seeps.png';
                huilv.style.display = 'inline-block'
            } else {
                psFlag = !psFlag
                pwd.type = 'password'
                this.src = '__IMG__/ex/downps.png'
                huilv.style.display = 'none'
            }

        }
    }
    handleLookPs();

    const handleLookPs2 = () => {
        let psFlag = true
        let ImagePs = document.querySelector('#lookPassword2');
        let pwd2 = document.getElementById('passwd2');
        let psInput = ImagePs.parentNode.children[3];
        let huilv2 = document.getElementById('huilv2')
        console.log(pwd2);
        console.log(huilv);

        ImagePs.onclick = function () {
            if (psFlag) {
                psFlag = !psFlag
                pwd2.type = 'text'
                this.src = '__IMG__/ex/seeps.png';
                huilv2.style.display = 'inline-block'
            } else {
                psFlag = !psFlag
                pwd2.type = 'password'
                this.src = '__IMG__/ex/downps.png'
                huilv2.style.display = 'none'
            }

        }
    }
    handleLookPs2();

    $('#exchange').on('change',function(){
        var type = $(this).val();
        if(type == 1){
            $('.content_header_money').css('display','block');
            $('.content_header_money2').css('display','none');
            $('.title_assets').html('我的资产折合(USDT)')
        }else{
            $('.content_header_money2').css('display','block');
            $('.content_header_money').css('display','none');
            $('.title_assets').html('我的资产折合(DACM)')
        }
    })

</script>

</html>